<template>
	<view class="home-info u-f-ac" @tap="toUserSpace">
		<image :src="homeinfo.avatar" mode="widthFix" lazy-load></image>
		<view class="u-f1">
			<view>{{homeinfo.nickname}}</view>
			<view>总访客 {{homeinfo.totalnum}}  今日 {{homeinfo.todaynum}}</view>
		</view>
		<view class="icon iconfont icon-jinru"></view>
	</view>
</template>

<script>
	export default {
		props: {
			homeinfo: Object
		},
		methods:{
			toUserSpace(){
				uni.navigateTo({
					url: '../../pages/user-space/user-space',
				});
			}
		}
	}
</script>

<style scoped>
	.home-info{
		padding: 20upx 40upx;
	}
	.home-info>image{
		width: 100upx;
		height: 100upx;
		flex-shrink: 0;
		border-radius: 100%;
		margin-right: 20upx;
	}
	.home-info>view:first-of-type>view:first-child{
		/* 昵称 */
		font-size: 32upx;
	}
	.home-info>view:first-of-type>view:last-child{
		color: #BBBBBB;
	}
	.home-info>view:last-of-type{
		height: 100%;
	}
</style>
